.page-1{background: url(../../Img/Reunion/bj-1.png) center no-repeat;background-size: cover;}
.wz-1{width: 7%;overflow: hidden;position: absolute;top: 75px;left: 46px;animation: wz-1-1 2s linear 0.4s both;-webkit-animation: wz-1-1 2s linear 0.4s both;-moz-animation: wz-1-1 2s linear 0.4s both;-o-animation: wz-1-1 2s linear 0.4s both;}
.wz-2{width: 7%;overflow: hidden;position: absolute;top: 128px;left: 103px;animation: wz-1-1 2s linear 2.2s both;-webkit-animation: wz-1-1 2s linear 2.2s both;-moz-animation: wz-1-1 2s linear 2.2s both;-o-animation: wz-1-1 2s linear 2.2s both;}
@keyframes wz-1-1{
	0%{ opacity: 0;height: 0;}
	100%{opacity: 1;height: 23.5%;}
}
@-moz-keyframes wz-1-1{
	0%{ opacity: 0;height: 0;}
	100%{opacity: 1;height: 23.5%;}
}
@-webkit-keyframes wz-1-1{
	0%{ opacity: 0;height: 0;}
	100%{opacity: 1;height: 23.5%;}
}
@-o-keyframes wz-1-1{
	0%{ opacity: 0;height: 0;}
	100%{opacity: 1;height: 23.5%;}
}
.fd{position: absolute;top: 38px;left: 36%;width: 16%;animation: fd 0.6s linear 0s infinite alternate;-webkit-animation: fd 0.6s linear 0s infinite alternate;-moz-animation: fd 0.6s linear 0s infinite alternate;-o-animation: fd 0.6s linear 0s infinite alternate;}
@keyframes fd{
	0%{ left: 35%;}
	100%{left: 37%;}
}
@-moz-keyframes fd{
	0%{ left: 35%;}
	100%{left: 37%;}
}
@-webkit-keyframes fd{
	0%{ left: 35%;}
	100%{left: 37%;}
}
@-o-keyframes yun{
	0%{ left: 35%;}
	100%{left: 37%;}
}
.yun{position: absolute;top: 45%;right: 100px;width: 27%;animation: yun 2.2s linear 0s infinite alternate;-webkit-animation: yun 2.2s linear 0s infinite alternate;-moz-animation: yun 2.2s linear 0s infinite alternate;-o-animation: yun 2.2s linear 0s infinite alternate;}
@keyframes yun{
	0%{ right: 40px;}
	100%{right: 60px;}
}
@-moz-keyframes yun{
	0%{ right: 40px;}
	100%{right: 680px;}
}
@-webkit-keyframes yun{
	0%{ right: 40px;}
	100%{right: 60px;}
}
@-o-keyframes yun{
	0%{ right: 40px;}
	100%{right: 60px;}
}
.cy1{position: absolute;bottom: 78px;right: 74px;}
.cy2{position: absolute;bottom: 88px;right: 24px;}

.page-2{background: url(../../Img/Reunion/bj-2.png) center no-repeat;background-size: cover;}
.wz-3{overflow: hidden;height: 4.5%;position: absolute;top: 40px;left: 26px;animation: wz-1-2 2s linear 0.4s both;-webkit-animation: wz-1-2 2s linear 0.4s both;-moz-animation: wz-1-2 2s linear 0.4s both;-o-animation: wz-1-2 2s linear 0.4s both;}
.wz-4{overflow: hidden;height: 6.4%;position: absolute;top: 72px;left: 46px;animation: wz-1-3 3s linear 2.2s both;-webkit-animation: wz-1-3 3s linear 2.2s both;-moz-animation: wz-1-3 3s linear 2.2s both;-o-animation: wz-1-3 3s linear 2.2s both;}

@keyframes wz-1-2{
	0%{ opacity: 0;width: 0;}
	100%{opacity: 1;width: 31%;}
}
@-moz-keyframes wz-1-2{
	0%{ opacity: 0;width: 0;}
	100%{opacity: 1;width: 31%;}
}
@-webkit-keyframes wz-1-2{
	0%{ opacity: 0;width: 0;}
	100%{opacity: 1;width: 31%;}
}
@-o-keyframes wz-1-2{
	0%{ opacity: 0;width: 0;}
	100%{opacity: 1;width: 31%;}
}
@keyframes wz-1-3{
	0%{ opacity: 0;width: 0;}
	100%{opacity: 1;width: 78.6%;}
}
@-moz-keyframes wz-1-3{
	0%{ opacity: 0;width: 0;}
	100%{opacity: 1;width: 78.6%;}
}
@-webkit-keyframes wz-1-3{
	0%{ opacity: 0;width: 0;}
	100%{opacity: 1;width: 78.6%;}
}
@-o-keyframes wz-1-3{
	0%{ opacity: 0;width: 0;}
	100%{opacity: 1;width: 78.6%;}
}
.yun-1{position: absolute;bottom: 30%;left: 20px;width: 38%;animation: yun-1 2.2s linear 0s infinite alternate;-webkit-animation: yun-1 2.2s linear 0s infinite alternate;-moz-animation: yun-1 2.2s linear 0s infinite alternate;-o-animation: yun-1 2.2s linear 0s infinite alternate;}
.yun-2{position: absolute;bottom: 40%;right: 30px;width: 20%;animation: yun-2 2.2s linear 0s infinite alternate;-webkit-animation: yun-2 2.2s linear 0s infinite alternate;-moz-animation: yun-2 2.2s linear 0s infinite alternate;-o-animation: yun-2 2.2s linear 0s infinite alternate;}
@keyframes yun-1{
	0%{ left: 20px;}
	100%{left: 50px;}
}
@-moz-keyframes yun-1{
	0%{ left: 20px;}
	100%{left: 50px;}
}
@-webkit-keyframes yun-1{
	0%{ left: 20px;}
	100%{left: 50px;}
}
@-o-keyframes yun-1{
	0%{ left: 20px;}
	100%{left: 50px;}
}	
@keyframes yun-2{
	0%{ right: 30px;}
	100%{right: 50px;}
}
@-moz-keyframes yun-2{
	0%{ right: 30px;}
	100%{right: 60px;}
}
@-webkit-keyframes yun-2{
	0%{ right: 30px;}
	100%{right: 60px;}
}
@-o-keyframes yun-2{
	0%{ right: 30px;}
	100%{right: 60px;}
}
.out{width: 65%;position: absolute;top: 23%;left: 20%;animation: out 1s linear 4.4s both;-webkit-animation: out 1s linear 4.4s both;-moz-animation: out 1s linear 4.4s both;-o-animation: out 1s linear 4.4s both;}	
@keyframes out {
	0% {opacity: 0;
		transform:scale(1.4);
		-webkit-transform:scale(1.4);
		-moz-transform:scale(1.4);
		-o-transform:scale(1.4);
	}
	25%{opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
	}
	75%{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
		-moz-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		-o-transform:scale(1);
		-moz-transform:scale(1);
	}
}
@-webkit-keyframes out {
	0% {opacity: 0;
		transform:scale(1.4);
		-webkit-transform:scale(1.4);
		-moz-transform:scale(1.4);
		-o-transform:scale(1.4);
	}
	25%{opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
	}
	75%{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
		-moz-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		-o-transform:scale(1);
		-moz-transform:scale(1);
	}
}
@-moz-keyframes out {
	0% {opacity: 0;
		transform:scale(1.4);
		-webkit-transform:scale(1.4);
		-moz-transform:scale(1.4);
		-o-transform:scale(1.4);
	}
	25%{opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
	}
	75%{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
		-moz-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		-o-transform:scale(1);
		-moz-transform:scale(1);
	}
}
@-o-keyframes out {
	0% {opacity: 0;
		transform:scale(1.4);
		-webkit-transform:scale(1.4);
		-moz-transform:scale(1.4);
		-o-transform:scale(1.4);
	}
	25%{opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
	}
	75%{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
		-moz-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
		-o-transform:scale(1);
		-moz-transform:scale(1);
	}
}
.page-3{background: url(../../Img/Reunion/bj-3.png) center no-repeat;background-size: cover;}
.wz-5{position: absolute;top: 6%;left: 28.6%;width: 43%;
animation: wz-5 1s linear 0s both;-webkit-animation: wz-5 1s linear 0s both;-moz-animation: wz-5 1s linear 0s both;-o-animation: wz-5 1s linear 0s both;
}
@keyframes wz-5{
	0%{ left: 100%;}
	100%{left: 28.6%;}
}
@-moz-keyframes wz-5{
	0%{ left: 100%;}
	100%{left: 28.6%;}
}
@-webkit-keyframes wz-5{
	0%{ left: 100%;}
	100%{left: 28.6%;}
}
@-o-keyframes wz-5{
	0%{ left: 100%;}
	100%{left: 28.6%;}
}	
.wz-6{position: absolute;top: 13%;left: 17.8%;width: 32%;
animation: wz-6 1s linear 0.4s both;-webkit-animation: wz-6 1s linear 0.4s both;-moz-animation: wz-6 1s linear 0.4s both;-o-animation: wz-6 1s linear 0.4s both;
}
@keyframes wz-6{
	0%{ left: -40%;}
	100%{left: 17.8%;}
}
@-moz-keyframes wz-6{
	0%{ left: -40%;}
	100%{left: 17.8%;}
}
@-webkit-keyframes wz-6{
	0%{ left: -40%;}
	100%{left: 17.8%;}
}
@-o-keyframes wz-6{
	0%{ left: -40%;}
	100%{left: 17.8%;}
}	
.wz-7{position: absolute;top: 13%;left: 51%;width: 28%;
animation: wz-7 1s linear 0s both;-webkit-animation: wz-7 1s linear 1s both;-moz-animation: wz-7 1s linear 0s both;-o-animation: wz-7 1s linear 0s both;
}
@keyframes wz-7{
	0%{ top: -20%;}
	60%{top:15%}
	80%{top: 11%;}
	100%{top: 13%;}
}
@-moz-keyframes wz-7{
	0%{ top: -20%;}
	60%{top:15%}
	80%{top: 11%;}
	100%{top: 13%;}
}
@-webkit-keyframes wz-7{
	0%{ top: -20%;}
	60%{top:15%}
	80%{top: 11%;}
	100%{top: 13%;}
}
@-o-keyframes wz-7{
	0%{ top: -20%;}
	60%{top:15%}
	80%{top: 11%;}
	100%{top: 13%;}
}
.anv{width: 66%;height: 100%;position: relative;display: block;margin: 0 auto;background: url(../../Img/Reunion/17.png) center no-repeat;background-size: contain;}
.anv-1{position: absolute;top:-15%;left: 0%;width: 17.6%;}
.anv-2{position: absolute;bottom:0%;right: -5%;width: 13.2%;}	
.yun-3{position: absolute;top: 26%;left: 14px;width: 59%;animation: yun-3 2.2s linear 0s infinite alternate;-webkit-animation: yun-3 2.2s linear 0s infinite alternate;-moz-animation: yun-3 2.2s linear 0s infinite alternate;-o-animation: yun-3 2.2s linear 0s infinite alternate;}	
@keyframes yun-3{
	0%{ left: 14px;}
	100%{left: 30px;}
}
@-moz-keyframes yun-3{
	0%{ left: 14px;}
	100%{left: 30px;}
}
@-webkit-keyframes yun-3{
	0%{ left: 14px;}
	100%{left: 30px;}
}
@-o-keyframes yun-3{
	0%{ left: 14px;}
	100%{left: 30px;}
}
.yun-4{position: absolute;top: 24%;right: 9px;width: 51%;animation: yun-4 2.2s linear 0s infinite alternate;-webkit-animation: yun-4 2.2s linear 0s infinite alternate;-moz-animation: yun-4 2.2s linear 0s infinite alternate;-o-animation: yun-4 2.2s linear 0s infinite alternate;}
@keyframes yun-4{
	0%{ right: 9px;}
	100%{right: 20px;}
}
@-moz-keyframes yun-3{
	0%{ right: 9px;}
	100%{right: 20px;}
}
@-webkit-keyframes yun-4{
	0%{ right: 9px;}
	100%{right: 20px;}
}
@-o-keyframes yun-4{
	0%{ right: 9px;}
	100%{right: 20px;}
}
/*题*/
.cst{background: url(../../Img/Reunion/bj-4.png) center no-repeat;background-size:cover;}
.cst-1{height: 34%;width: 100%;position: absolute;left: 0;bottom:16.5%;}
.cst-1 li.ll1{height: 25.2%;width: 100%;background: url(../../Img/Reunion/t-1.png) center no-repeat;background-size:cover;}
.cst-1 li.ll2{height: 25.2%;width: 100%;background-size:cover;}
.cst-1 li.ll3{height: 25.2%;width: 100%;background-size:cover;}
.cst-1 li.ll4{height: 25.2%;width: 100%;background-size:cover;}
.cst-1 li.ll5{height: 25.2%;width: 100%;background: url(../../Img/Reunion/t-2.png) center no-repeat;background-size:cover;}
.cst-1 li.ll6{height: 25.2%;width: 100%;background-size:cover;}
.cst-1 li.ll7{height: 25.2%;width: 100%;background-size:cover;}
.cst-1 li.ll8{height: 25.2%;width: 100%;background-size:cover;}
.cst-1 li.ll9{height: 25.2%;width: 100%;background: url(../../Img/Reunion/t-3.png) center no-repeat;background-size:cover;}
.cst-1 li.ll10{height: 25.2%;width: 100%;background-size:cover;}
.cst-1 li.ll11{height: 25.2%;width: 100%;background-size:cover;}
.cst-1 li.ll12{height: 25.2%;width: 100%;background-size:cover;}
.cst-1 li a{display: block;width: 100%;height: 100%;}

/*结果*/
.jg0{background-size:cover;background-repeat: no-repeat;background-position:center;}
.jg-1{width: 38.6%;position: absolute;bottom:16.5%;left: 8%;}
.jg-2{width: 38.6%;position: absolute;bottom:16.5%;right: 6%;}
.jg-3{width: 62.6%;position: absolute;bottom:2%;left: 21%;}
.jg-3-1{width: 10%;position: absolute;bottom: 0;left: 0;}
.jg-3-2{width: 9.8%;position: absolute;top: 0;right: 0;}
.jg-4{width: 30%;position: absolute;top: 25.7%;left: 10%;animation: y5 2.2s linear 0s infinite alternate;-webkit-animation: y5 2.2s linear 0s infinite alternate;-moz-animation: y5 2.2s linear 0s infinite alternate;-o-animation: y5 2.2s linear 0s infinite alternate;}
@keyframes y5{
	0%{ left: 10%;}
	100%{left: 15%;}
}
@-moz-keyframes yun-3{
	0%{ left: 10%;}
	100%{left: 15%;}
}
@-webkit-keyframes y5{
	0%{ left: 10%;}
	100%{left: 15%;}
}
@-o-keyframes y5{
	0%{ left: 10%;}
	100%{left: 15%;}
}
.jg-gz{background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 100;}
.jg-gz-1{position: absolute;top: 13%;left: 6%;width: 88%;height: 70%;}
.jg-gz-2{position: absolute;top: 4%;right: 6%;width: 6.5%;}
.jg-gz-3{position: absolute;top: 0;right: 0;}
.musicBtn{position:fixed; top:3%; right:2%; width:30px; height:30px; z-index:99;}

.jg-yd{background: rgba(0,0,0,0.88);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 100;}
.jg-yd-1{position: absolute;top: 0%;left: 0%;width: 100%;}
